<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Neon Admin Panel">
    <meta name="author" content="">

    <title>Green Soil | 编辑信息</title>


    <link rel="stylesheet" href="static/css/jquery-ui-1.10.3.custom.min.css">
    <link rel="stylesheet" href="static/css/entypo.css">
    <link rel="stylesheet" href="static/css/css.css">
    <link rel="stylesheet" href="static/css/bootstrap.css">
    <link rel="stylesheet" href="static/css/neon-core.css">
    <link rel="stylesheet" href="static/css/neon-theme.css">
    <link rel="stylesheet" href="static/css/neon-forms.css">
    <link rel="stylesheet" href="static/css/custom.css">
    <script src="./gethost.js" type="text/javascript"></script>
    <script src="static/js/jquery-1.11.0.min.js"></script>
    <script type="text/javascript" src="play/js/bootstable.js"></script>

    <!--[if lt IE 9]>
    <script src="assets/js/ie8-responsive-file-warning.js"></script><![endif]-->

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>

<body class="page-body">

<div style="padding-left: 100px;padding-right: 100px;height: 900px">

    <div class="main-content">

        <div class="row">

            <!-- Profile Info and Notifications -->
            <div class="col-md-6 col-sm-8 clearfix">

                <ul class="user-info pull-left pull-none-xsm">
                    <!-- 个人简介 -->
                    <li class="profile-info dropdown">
                        <!-- add class "pull-right" if you want to place this from right -->
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">

                            <img src="static/picture/head1.png" alt="" class="img-circle" width="44">
                            <a id="username"></a>
                        </a>
                    </li>
                </ul>

            </div>

            <!-- 退出按钮 -->
            <div class="col-md-6 col-sm-4 clearfix hidden-xs">
                <ul class="list-inline links-list pull-right">
                    <li>
                        <a href="index.html">
                            <strong>Log Out</strong> <i class="entypo-logout  right"></i>
                        </a>
                    </li>
                    <li class="sep"></li>
                </ul>


                <ul class="list-inline links-list pull-right">
                    <li>
                        <a href="play/Excel表模板.zip">
                            <strong>Download</strong> <i class="entypo-attach left"></i>
                        </a>
                    </li>
                    <li class="sep"></li>
                </ul>

                <ul class="list-inline links-list pull-right">
                    <li>
                        <a data-toggle="modal" data-target="#bomtips">
                            <strong>Bom Tips </strong><i class="entypo-github left"></i>
                        </a>
                    </li>
                    <li class="sep"></li>
                </ul>

            </div>

        </div>
        <hr>
        <ol class="breadcrumb bc-3">
            <li>
                <a href="system-index.html"><i class="entypo-home"></i>首页</a>
            </li>
            <li>
                <a>产品库</a>
            </li>
            <li class="">
                <a>产品信息库</a>
            </li>
            <li class="active">
                <strong>信息编辑</strong>
            </li>
            <li style="float: right">
                <a style="float: right"><i class="entypo-github"></i>Tips:点击表格修改，按ESC按钮进行保存！</a>
            </li>
        </ol>


        <div class="container" style="width: 1700px">
            <div class="row">
                <div class="col-md-12" style="padding-bottom:2em;">
                    <a class="btn btn-primary" id="submitedit" data-toggle="modal" data-target="#myModal">
                        <i class="entypo-plus"></i> 提交新表单
                    </a>
                    <a class="btn btn-danger" href="product-info.html" >
                        <i class="entypo-export"></i>放弃修改
                    </a>
                </div>
                <div class="col-md-12" style="padding:2em 0;">
                    <div class="table-responsive">
                        <form>
                            <table class="table table-bordered datatable" id="mytable">
                                <thead>
                                <tr>
                                    <td>ID</td>
                                    <td>序号</td>
                                    <td>零件代号</td>
                                    <td>零件名称</td>
                                    <td>零件型号</td>
                                    <td width="90px">零件功能</td>
                                    <td width="90px">零件参数</td>
                                    <td width="90px">零件数量/台</td>
                                    <td width="90px">零件材料</td>
                                    <td width="90px">单重（kg）</td>
                                    <td width="90px">总重（kg）</td>
                                    <td width="90px">备注</td>
                                    <td width="90px">产地</td>
                                    <td width="90px">运输距离（km）</td>
                                    <td width="90px">运输方式</td>
                                    <td width="90px">工艺方式</td>
                                    <td width="90px">回收</td>
                                </tr>
                                </thead>
                                <tbody class="content">

                                </tbody>
                            </table>
                        </form>
                    </div>
                </div>


                <script type="text/javascript">
                    var responsiveHelper;  //分页设置
                    var breakpointDefinition = {  //不同设备显示
                        tablet: 1024,
                        phone: 480
                    };
                    var tableContainer;
                    var products;   //产品集合
                    var userinfo;  //用户信息

                    var tableData;

                    //当DOM载入就绪可以查询及操纵时绑定一个要执行的函数
                    jQuery(document).ready(function ($) {
                        var token = window.localStorage["token"];
                        if (token == null || token == "") {
                            alert("没有登录，不能下单");
                            window.location.href = "login.html";
                            return false;
                        }

                        $.ajax({
                            type: "POST",
                            url: "http://" + g_host + "/user/getuserinfo",
                            xhrFields: {withCredentials: true},
                            data: {
                                "token": token
                            },
                            success: function (data) {
                                if (data.status == "success") {
                                    userinfo = data.data;
                                    $("#username").text(userinfo.username);
                                    var product_id = window.localStorage["edit"];

                                    $.ajax({
                                        type: "GET",
                                        contentType: "application/x-www-form-urlencoded",
                                        url: "http://" + g_host + "/product/getproductinfo?id=" + product_id,
                                        xhrFields: {withCredentials: true},
                                        success: function (data) {
                                            if (data.status == "success") {
                                                //加载表格数据
                                                tableData=data.data;
                                                tables=data.data;
                                                reloadDom(tableData)

                                            } else {
                                                alert("编辑失败，原因为" + data.data.errMsg);
                                                window.location.href = "product-info.html";
                                            }
                                        },
                                        error: function (data) {
                                            alert("编辑失败，原因为" + data.responseText);
                                            window.location.href = "product-info.html";
                                        }
                                    });

                                } else {
                                    alert("登录信息过期！请重新登录！");
                                    window.location.href = "login.html";
                                }
                            },
                            error: function (data) {
                                alert("登录失败，原因为服务器内部错误");
                                window.location.href = "login.html";
                            }
                        });




                    });

                    function reloadDom(g_itemList) {
                        for (var i = 0; i <g_itemList.length; i++) {
                            var itemVO = g_itemList[i];
                            var dom = "<tr>\n" +
                                "<td>" + (i+1) + "</td>\n" +
                                "<td  id=\"orderInfo" + i + "\" >" + itemVO.orderInfo + "</td>\n" +
                                "<td  id=\"codenameInfo" + i + "\"  >" + itemVO.codenameInfo + "</td>\n" +
                                "<td  id=\"nameInfo" + i + "\" >" + itemVO.nameInfo + "</td>\n" +
                                "<td  id=\"serialInfo" + i + "\" >" + itemVO.serialInfo + "</td>\n" +
                                "<td  id=\"functionInfo" + i + "\" >" + itemVO.functionInfo + "</td>\n" +
                                "<td  id=\"parameterInfo" + i + "\" >" + itemVO.parameterInfo + "</td>\n" +
                                "<td  id=\"numeveryInfo" + i + "\" >" + itemVO.numeveryInfo + "</td>\n" +
                                "<td  id=\"materialInfo" + i + "\" >" + itemVO.materialInfo + "</td>\n" +
                                "<td  id=\"weighteveryInfo" + i + "\" >" + itemVO.weighteveryInfo + "</td>\n" +
                                "<td  id=\"weighttotalInfo" +i + "\" >" + itemVO.weighttotalInfo + "</td>\n" +
                                "<td  id=\"commentsInfo" + i + "\" >" + itemVO.commentsInfo + "</td>\n" +
                                "<td  id=\"originInfo" + i + "\" >" + itemVO.originInfo + "</td>\n" +
                                "<td  id=\"distanceInfo" + i + "\" >" + itemVO.distanceInfo + "</td>\n" +
                                "<td  id=\"transportstyleInfo" + i + "\" >" + itemVO.transportstyleInfo + "</td>\n" +
                                "<td  id=\"manufacturestyleInfo" + i + "\" >" + itemVO.manufacturestyleInfo + "</td>\n" +
                                "<td  id=\"recycleInfo" + i + "\" >" + itemVO.recycleInfo + "</td>\n" +
                                "</tr>";


                            $(".content").append($(dom));

                            $("#orderInfo" + i).on("click", function (e) {
                                var id=this.id.substring(9,this.id.length)
                                for(let i=0;i<this.childNodes.length;i++){
                                    if(this.childNodes[i].nodeName=='INPUT'){
                                        return false;
                                    }
                                }
                                var srctext=this.innerText;
                                this.innerHTML='';
                                var inputdo=document.createElement('input');
                                inputdo.type="text";
                                inputdo.style.cssText="border:0px;font-size:13px;width:90px";
                                inputdo.value=srctext;
                                this.appendChild(inputdo)
                                inputdo.focus();
                                inputdo.select();
                                var tdo=this;
                                inputdo.onkeyup=function (e) {
                                    var event=e||window.event;
                                    if(event.keyCode==27){
                                        tdo.innerHTML=this.value;
                                        tableData[id].orderInfo=this.value;
                                    }
                                }

                            })
                            $("#codenameInfo" + i).on("click", function (e) {
                                var id=this.id.substring(12,this.id.length)
                                for(let i=0;i<this.childNodes.length;i++){
                                    if(this.childNodes[i].nodeName=='INPUT'){
                                        return false;
                                    }
                                }
                                var srctext=this.innerText;
                                this.innerHTML='';
                                var inputdo=document.createElement('input');
                                inputdo.type="text";
                                inputdo.style.cssText="border:0px;font-size:13px;width:100%";
                                inputdo.value=srctext;
                                this.appendChild(inputdo)
                                inputdo.focus();
                                inputdo.select();
                                var tdo=this;
                                inputdo.onkeyup=function (e) {
                                    var event=e||window.event;
                                    if(event.keyCode==27){
                                        tdo.innerHTML=this.value;
                                        tableData[id].codenameInfo=this.value;

                                    }
                                }

                            })
                            $("#nameInfo" + i).on("click", function (e) {
                                var id=this.id.substring(8,this.id.length)
                                for(let i=0;i<this.childNodes.length;i++){
                                    if(this.childNodes[i].nodeName=='INPUT'){
                                        return false;
                                    }
                                }
                                var srctext=this.innerText;
                                this.innerHTML='';
                                var inputdo=document.createElement('input');
                                inputdo.type="text";
                                inputdo.style.cssText="border:0px;font-size:13px;width:100%";
                                inputdo.value=srctext;
                                this.appendChild(inputdo)
                                inputdo.focus();
                                inputdo.select();
                                var tdo=this;
                                inputdo.onkeyup=function (e) {
                                    var event=e||window.event;
                                    if(event.keyCode==27){
                                        tdo.innerHTML=this.value;
                                        tableData[id].nameInfo=this.value;

                                    }
                                }


                            })
                            $("#serialInfo" + i).on("click", function (e) {
                                var id=this.id.substring(10,this.id.length)
                                for(let i=0;i<this.childNodes.length;i++){
                                    if(this.childNodes[i].nodeName=='INPUT'){
                                        return false;
                                    }
                                }
                                var srctext=this.innerText;
                                this.innerHTML='';
                                var inputdo=document.createElement('input');
                                inputdo.type="text";
                                inputdo.style.cssText="border:0px;font-size:13px;width:200px";
                                inputdo.value=srctext;
                                this.appendChild(inputdo)
                                inputdo.focus();
                                inputdo.select();
                                var tdo=this;
                                inputdo.onkeyup=function (e) {
                                    var event=e||window.event;
                                    if(event.keyCode==27){
                                        tdo.innerHTML=this.value;
                                        tableData[id].serialInfo=this.value;

                                    }
                                }

                            })
                            $("#functionInfo" + i).on("click", function (e) {
                                var id=this.id.substring(12,this.id.length)
                                for(let i=0;i<this.childNodes.length;i++){
                                    if(this.childNodes[i].nodeName=='INPUT'){
                                        return false;
                                    }
                                }
                                var srctext=this.innerText;
                                this.innerHTML='';
                                var inputdo=document.createElement('input');
                                inputdo.type="text";
                                inputdo.style.cssText="border:0px;font-size:13px;width:100%";
                                inputdo.value=srctext;
                                this.appendChild(inputdo)
                                inputdo.focus();
                                inputdo.select();
                                var tdo=this;
                                inputdo.onkeyup=function (e) {
                                    var event=e||window.event;
                                    if(event.keyCode==27){
                                        tdo.innerHTML=this.value;
                                        tableData[id].functionInfo=this.value;

                                    }
                                }
                            })
                            $("#parameterInfo" + i).on("click", function (e) {
                                var id=this.id.substring(13,this.id.length)
                                for(let i=0;i<this.childNodes.length;i++){
                                    if(this.childNodes[i].nodeName=='INPUT'){
                                        return false;
                                    }
                                }
                                var srctext=this.innerText;
                                this.innerHTML='';
                                var inputdo=document.createElement('input');
                                inputdo.type="text";
                                inputdo.style.cssText="border:0px;font-size:13px;width:100%";
                                inputdo.value=srctext;
                                this.appendChild(inputdo)
                                inputdo.focus();
                                inputdo.select();
                                var tdo=this;
                                inputdo.onkeyup=function (e) {
                                    var event=e||window.event;
                                    if(event.keyCode==27){
                                        tdo.innerHTML=this.value;
                                        tableData[id].parameterInfo=this.value;

                                    }
                                }

                            })
                            $("#numeveryInfo" +i).on("click", function (e) {
                                var id=this.id.substring(12,this.id.length)
                                for(let i=0;i<this.childNodes.length;i++){
                                    if(this.childNodes[i].nodeName=='INPUT'){
                                        return false;
                                    }
                                }
                                var srctext=this.innerText;
                                this.innerHTML='';
                                var inputdo=document.createElement('input');
                                inputdo.type="text";
                                inputdo.style.cssText="border:0px;font-size:13px;width:100%";
                                inputdo.value=srctext;
                                this.appendChild(inputdo)
                                inputdo.focus();
                                inputdo.select();
                                var tdo=this;
                                inputdo.onkeyup=function (e) {
                                    var event=e||window.event;
                                    if(event.keyCode==27){
                                        tdo.innerHTML=this.value;
                                        tableData[id].numeveryInfo=this.value;

                                    }
                                }

                            })
                            $("#materialInfo" + i).on("click", function (e) {
                                var id=this.id.substring(12,this.id.length)
                                for(let i=0;i<this.childNodes.length;i++){
                                    if(this.childNodes[i].nodeName=='INPUT'){
                                        return false;
                                    }
                                }
                                var srctext=this.innerText;
                                this.innerHTML='';
                                var inputdo=document.createElement('input');
                                inputdo.type="text";
                                inputdo.style.cssText="border:0px;font-size:13px;width:100%";
                                inputdo.value=srctext;
                                this.appendChild(inputdo)
                                inputdo.focus();
                                inputdo.select();
                                var tdo=this;
                                inputdo.onkeyup=function (e) {
                                    var event=e||window.event;
                                    if(event.keyCode==27){
                                        tdo.innerHTML=this.value;
                                        tableData[id].materialInfo=this.value;

                                    }
                                }

                            })
                            $("#weighteveryInfo" + i).on("click", function (e) {
                                var id=this.id.substring(15,this.id.length)
                                for(let i=0;i<this.childNodes.length;i++){
                                    if(this.childNodes[i].nodeName=='INPUT'){
                                        return false;
                                    }
                                }
                                var srctext=this.innerText;
                                this.innerHTML='';
                                var inputdo=document.createElement('input');
                                inputdo.type="text";
                                inputdo.style.cssText="border:0px;font-size:13px;width:100%";
                                inputdo.value=srctext;
                                this.appendChild(inputdo)
                                inputdo.focus();
                                inputdo.select();
                                var tdo=this;
                                inputdo.onkeyup=function (e) {
                                    var event=e||window.event;
                                    if(event.keyCode==27){
                                        tdo.innerHTML=this.value;
                                        tableData[id].weighteveryInfo=this.value;

                                    }
                                }

                            })
                            $("#weighttotalInfo" + i).on("click", function (e) {
                                var id=this.id.substring(15,this.id.length)
                                for(let i=0;i<this.childNodes.length;i++){
                                    if(this.childNodes[i].nodeName=='INPUT'){
                                        return false;
                                    }
                                }
                                var srctext=this.innerText;
                                this.innerHTML='';
                                var inputdo=document.createElement('input');
                                inputdo.type="text";
                                inputdo.style.cssText="border:0px;font-size:13px;width:100%";
                                inputdo.value=srctext;
                                this.appendChild(inputdo)
                                inputdo.focus();
                                inputdo.select();
                                var tdo=this;
                                inputdo.onkeyup=function (e) {
                                    var event=e||window.event;
                                    if(event.keyCode==27){
                                        tdo.innerHTML=this.value;
                                        tableData[id].weighttotalInfo=this.value;

                                    }
                                }

                            })
                            $("#commentsInfo" +i).on("click", function (e) {
                                var id=this.id.substring(11,this.id.length)
                                for(let i=0;i<this.childNodes.length;i++){
                                    if(this.childNodes[i].nodeName=='INPUT'){
                                        return false;
                                    }
                                }
                                var srctext=this.innerText;
                                this.innerHTML='';
                                var inputdo=document.createElement('input');
                                inputdo.type="text";
                                inputdo.style.cssText="border:0px;font-size:13px;width:100%";
                                inputdo.value=srctext;
                                this.appendChild(inputdo)
                                inputdo.focus();
                                inputdo.select();
                                var tdo=this;
                                inputdo.onkeyup=function (e) {
                                    var event=e||window.event;
                                    if(event.keyCode==27){
                                        tdo.innerHTML=this.value;
                                        tableData[id].commentsInfo=this.value;

                                    }
                                }

                            })
                            $("#originInfo" + i).on("click", function (e) {
                                var id=this.id.substring(10,this.id.length)
                                for(let i=0;i<this.childNodes.length;i++){
                                    if(this.childNodes[i].nodeName=='INPUT'){
                                        return false;
                                    }
                                }
                                var srctext=this.innerText;
                                this.innerHTML='';
                                var inputdo=document.createElement('input');
                                inputdo.type="text";
                                inputdo.style.cssText="border:0px;font-size:13px;width:100%";
                                inputdo.value=srctext;
                                this.appendChild(inputdo)
                                inputdo.focus();
                                inputdo.select();
                                var tdo=this;
                                inputdo.onkeyup=function (e) {
                                    var event=e||window.event;
                                    if(event.keyCode==27){
                                        tdo.innerHTML=this.value;
                                        tableData[id].originInfo=this.value;

                                    }
                                }
                            })
                            $("#distanceInfo" +i).on("click", function (e) {
                                var id=this.id.substring(12,this.id.length)
                                for(let i=0;i<this.childNodes.length;i++){
                                    if(this.childNodes[i].nodeName=='INPUT'){
                                        return false;
                                    }
                                }
                                var srctext=this.innerText;
                                this.innerHTML='';
                                var inputdo=document.createElement('input');
                                inputdo.type="text";
                                inputdo.style.cssText="border:0px;font-size:13px;width:100%";
                                inputdo.value=srctext;
                                this.appendChild(inputdo)
                                inputdo.focus();
                                inputdo.select();
                                var tdo=this;
                                inputdo.onkeyup=function (e) {
                                    var event=e||window.event;
                                    if(event.keyCode==27){
                                        tdo.innerHTML=this.value;
                                        tableData[id].distanceInfo=this.value;

                                    }
                                }

                            })
                            $("#transportstyleInfo" +i).on("click", function (e) {
                                var id=this.id.substring(18,this.id.length)
                                for(let i=0;i<this.childNodes.length;i++){
                                    if(this.childNodes[i].nodeName=='INPUT'){
                                        return false;
                                    }
                                }
                                var srctext=this.innerText;
                                this.innerHTML='';
                                var inputdo=document.createElement('input');
                                inputdo.type="text";
                                inputdo.style.cssText="border:0px;font-size:13px;width:100%";
                                inputdo.value=srctext;
                                this.appendChild(inputdo)
                                inputdo.focus();
                                inputdo.select();
                                var tdo=this;
                                inputdo.onkeyup=function (e) {
                                    var event=e||window.event;
                                    if(event.keyCode==27){
                                        tdo.innerHTML=this.value;
                                        tableData[id].transportstyleInfo=this.value;

                                    }
                                }

                            })
                            $("#manufacturestyleInfo" +i).on("click", function (e) {
                                var id=this.id.substring(20,this.id.length)
                                for(let i=0;i<this.childNodes.length;i++){
                                    if(this.childNodes[i].nodeName=='INPUT'){
                                        return false;
                                    }
                                }
                                var srctext=this.innerText;
                                this.innerHTML='';
                                var inputdo=document.createElement('input');
                                inputdo.type="text";
                                inputdo.style.cssText="border:0px;font-size:13px;width:100%";
                                inputdo.value=srctext;
                                this.appendChild(inputdo)
                                inputdo.focus();
                                inputdo.select();
                                var tdo=this;
                                inputdo.onkeyup=function (e) {
                                    var event=e||window.event;
                                    if(event.keyCode==27){
                                        tdo.innerHTML=this.value;
                                        tableData[id].manufacturestyleInfo=this.value;

                                    }
                                }

                            })
                            $("#recycleInfo" + i).on("click", function (e) {
                                var id=this.id.substring(11,this.id.length)
                                for(let i=0;i<this.childNodes.length;i++){
                                    if(this.childNodes[i].nodeName=='INPUT'){
                                        return false;
                                    }
                                }
                                var srctext=this.innerText;
                                this.innerHTML='';
                                var inputdo=document.createElement('input');
                                inputdo.type="text";
                                inputdo.style.cssText="border:0px;font-size:13px;width:100%";
                                inputdo.value=srctext;
                                this.appendChild(inputdo)
                                inputdo.focus();
                                inputdo.select();
                                var tdo=this;
                                inputdo.onkeyup=function (e) {
                                    var event=e||window.event;
                                    if(event.keyCode==27){
                                        tdo.innerHTML=this.value;
                                        tableData[id].recycleInfo=this.value;

                                    }
                                }

                            })

                        }
                    }

                    $("#submitedit").on("click", function (e) {
                        $.ajax({
                            type: "GET",
                            url: "http://"+g_host+"/product/getuserproduct?id="+userinfo.id,
                            xhrFields: {withCredentials: true},
                            success: function (data) {
                                if (data.status == "success") {
                                    var product_id = window.localStorage["edit"];
                                    var newproduct;
                                    for(var j=0;j<data.data.length;j++){
                                        if(data.data[j].id==product_id){
                                            newproduct=data.data[j];
                                        }
                                    }
                                    reloadDetail(newproduct);

                                    window.localStorage.setItem("data",JSON.stringify(tableData))


                                } else {
                                    alert("获取产品信息失败，原因为" + data.data.errMsg);
                                }
                            },
                            error: function (data) {
                                alert("获取产品信息失败，原因为服务器内部错误");
                                window.location.href = "login.html";
                            }
                        })
                    })

                    function reloadDetail(newproduct) {
                        $("#pro_name").val(newproduct.name);
                        $("#pro_serial").val(newproduct.serial);
                        $("#pro_factory").val(newproduct.factory);
                        $("#pro_region").val(newproduct.region);
                        $("#pro_origin").val(newproduct.origin);
                        $("#pro_aim").val(newproduct.aim);
                        $("#pro_power").val(newproduct.power);
                        $("#pro_distance").val(newproduct.distance);
                        $("#pro_life").val(newproduct.life);
                        $("#pro_weight").val(newproduct.weight);
                        $("#pro_parameter").val(newproduct.parameter);
                        $("#pro_comments").val(newproduct.comments);
                    }
                </script>

            </div>
        </div>

    </div>

</div>

<!--添加产品的模态窗口-->
<div class="modal fade" id="myModal" role="dialog">
    <div class="modal-dialog" style="width:570px">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">
                    <span>×</span>
                </button>
                <center>
                    <h3 class="modal-title" id="myModalLabel">
                        添加新产品
                    </h3>
                </center>
            </div>
            <div class="modal-body" style="height: 500px;">
                <div style="width:250px;float:left;padding-left: 20px;padding-right: 20px">

                    <div class="form-group">
                        <label class="control-label">产品名称</label>
                        <div>
                            <input class="form-control" type="text" placeholder="" name="pro_name" id="pro_name"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label">产品系列号</label>
                        <div>
                            <input class="form-control" type="text" placeholder="" name="pro_serial" id="pro_serial"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label">产品厂家</label>
                        <div>
                            <input class="form-control" type="text" placeholder="" name="pro_factory" id="pro_factory"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label">地区</label>
                        <div>
                            <input class="form-control" type="text" placeholder="" name="pro_region" id="pro_region"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label">产品产地</label>
                        <div>
                            <input class="form-control" type="text" placeholder="" name="pro_origin" id="pro_origin"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label">运输方式</label>
                        <div>
                            <select class="form-control" id="pro_aim">
                                <option value="铁路运输">铁路运输</option>
                                <option value="货船运输">货船运输</option>
                                <option value="航空运输">航空运输</option>
                                <option value="货车运输">货车运输</option>
                            </select>
                        </div>
                    </div>


                    </p>
                </div>
                <div style="width:250px;float:left;padding-left: 20px;padding-right: 20px">
                    <p align="center">
                    <div class="form-group">
                        <label class="control-label">产品功率（w）</label>
                        <div>
                            <input class="form-control" type="text" placeholder="" name="pro_power" id="pro_power"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label">运输距离（km）</label>
                        <div>
                            <input class="form-control" type="text" placeholder="" name="pro_distance"
                                   id="pro_distance"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label">产品寿命（年）</label>
                        <div>
                            <input class="form-control" type="text" placeholder="" name="pro_life" id="pro_life"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label">产品重量（kg）</label>
                        <div>
                            <input class="form-control" type="text" placeholder="" name="pro_weight" id="pro_weight"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label">产品参数</label>
                        <div>
                            <input class="form-control" type="text" placeholder="" name="pro_parameter"
                                   id="pro_parameter"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="control-label">备注</label>
                        <textarea class="form-control" type="text" placeholder="备注" name="pro_comments"
                                  id="pro_comments" style="height:70px">

                        </textarea>
                    </div>
                    </p>
                </div>

            </div>
            <br>
            <div class="modal-footer">
                <p align="center">
                    <button type="button" class="btn btn-default" id="product_submit" data-show-remove="true">
                        提交
                    </button>
                </p>
            </div>
        </div>
    </div>
</div>

<div class=" modal fade" id="bomtips" role="dialog">
    <div class="modal-dialog" style="width:40%">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">
                    <span>×</span>
                </button>
                <center>
                    <h4 class="modal-title">
                        Bom填写小提示
                    </h4>
                </center>
            </div>

            <div style="padding-left: 20px;padding-right: 20px">

                <ul class="nav nav-tabs bordered "><!-- available classes "bordered", "right-aligned" -->
                    <li class="active">
                        <a href="#g1" data-toggle="tab">
                            <span class="visible-xs"><i class="entypo-home"></i></span>
                            <span class="hidden-xs">产品Bom</span>
                        </a>
                    </li>
                    <li>
                        <a href="#g2" data-toggle="tab">
                            <span class="visible-xs"><i class="entypo-mail"></i></span>
                            <span class="hidden-xs">工艺Bom</span>
                        </a>
                    </li>
                    <li>
                        <a href="#g3" data-toggle="tab">
                            <span class="visible-xs"><i class="entypo-mail"></i></span>
                            <span class="hidden-xs">运输Bom</span>
                        </a>
                    </li>
                    <li>
                        <a href="#g4" data-toggle="tab">
                            <span class="visible-xs"><i class="entypo-user"></i></span>
                            <span class="hidden-xs">材料Bom</span>
                        </a>
                    </li>
                </ul>

                <div class="tab-content">
                    <div class="tab-pane active" id="g1">
                        <div class="modal-body" style="height: 550px;">
                            <p><strong>产品Bom</strong>一共包含16列，分别为
                                序号、代号、名称、型号、功能、参数、每台数量、材料、单重(kg)、总重(kg)、备注、产地、运输距离（km）、运输方式、工艺方式、回收（百分比）。</p>
                            <p><strong>1、</strong> *序号：产品序号需要按照目录结构一样进行编写，1、1.1、1.2、2、2.1、2.2...
                                （序号直接必须有层级关系，必须父级存在的时候才能编写子序号，否则无法进行计算！）</p>
                            <p><strong>2、</strong> 代号：代号表示企业内部对零部件的编号，可以不写！</p>
                            <p><strong>3、</strong> *名称：代表该零件的名字，必须填写，否则无法计算！</p>
                            <p><strong>4、</strong> 型号：为该零部件的零件型号，请如实填写，当其他数据缺失时，此型号信息将作为智能填补的重要依据！</p>
                            <p><strong>5、</strong> 功能：该零部件的主要作用,尽量填写，该信息将作为智能填补的依据！</p>
                            <p><strong>6、</strong> 参数：该零部件的其他参数，可以不写！</p>
                            <p><strong>7、</strong> *每台数量：每台产品所包含该零部件的数量</p>
                            <p><strong>8、</strong> *材料：该零部件的主要材料，如果是装配体，就写装配体！叶子节点的零件必须填写材料（材料信息不可缺失，如不知道请填写 null
                                后台会自动补全）</p>
                            <p><strong>9、</strong> *单重(kg)：一个零部件的重量，单位kg</p>
                            <p><strong>10、</strong> *总重(kg)：一台产品中该零部件的总重（该数据不可缺失！如不清楚请填写0，后台会智能补全）</p>
                            <p><strong>11、</strong> 备注：零部件的备注，可以为空，如过数据经过后台智能补全，补全信息会出现在这一栏里！</p>
                            <p><strong>12、</strong> 产地：零部件的产地</p>
                            <p><strong>13、</strong> *运输距离（km）：零部件的运输距离，必须填写！如不知道请填写0，后台会自动补全！</p>
                            <p><strong>14、</strong> *运输方式：运输方式必须填写，先查看背景运输数据填写，如不知道，请填写null后台会自动补全！</p>
                            <p><strong>15、</strong> *工艺方式：零部件的加工工工艺，先查看背景工艺数据再填写（多个工艺请用-分开，比如
                                切削粗加工共-切削半精加工共-切削精加工），该数据不能缺失！如不清楚请填写null后台会自动补全！如果物料没有制造阶段，请填写不计算，后台会自动跳过制造阶段！</p>
                            <p><strong>16、</strong> *回收：填写回收的百分比，（整数），该数据不可缺失！，如不清楚请填写0，后台会自动补全！</p>
                            <p><strong>注：</strong>*号为必填内容，如果不清楚请填写null（非数值型数据）和0（数值型数据）</p>
                        </div>
                    </div>
                    <div class="tab-pane" id="g2">
                        <div class="modal-body" style="height: 550px;">
                            <p><strong>工艺Bom</strong>一共包含24列，分别为工艺名称、工艺类型、机床型号、机床功率、加工材料、单位、材料去除率、数据来源、备注、煤、石油、天然气、co、co2、so2、nox、ch4、h2s、hcl、cod、nh3、cfc11、cfc12、cfc113

                            </p>

                            <p><strong>1、</strong> *工艺名称：表示该工艺的名字，需要加上加工工类型，该信息为后台计算匹配的唯二信息，不可缺失！</p>
                            <p><strong>2、</strong> *工艺类型：表示该工艺类型（比如：粗加工、半精加工、精加工...）</p>
                            <p><strong>3、</strong> 机床型号：表示加工零部件的机床代号</p>
                            <p><strong>4、</strong> 机床功率：实际功率</p>
                            <p><strong>5、</strong> *加工材料：该工艺所加工的材料,该信息作为后台计算匹配的唯二信息，不可缺失！</p>
                            <p><strong>6、</strong> 单位：kg （加工1kg该材料所产生的环境排放）</p>
                            <p><strong>7、</strong> *材料去除率：该信息不可缺失！,Double类型的数据，请如实填写</p>
                            <p><strong>8、</strong> 数据来源：填写你的数据来源</p>
                            <p><strong>9、</strong> 备注：用户备注</p>
                            <p><strong>10、</strong> *其他：环境排放的数值，小数位数最多支持20位,这些列的信息不可缺失！</p>
                            <p><strong>注：</strong>*号为必填内容，如果缺失将无法计算！</p>
                            <p><strong>注：</strong>该bom的数据单位为比能耗，即加工1kg物质所产生的电能，单位为kwh/cm3,需要用户将其转化为电能,然后和1kwh的电能所产生的环境排放进行等比例扩大或缩小！
                            </p>
                            <p><strong>比能耗转化为电能计算公式：</strong> 比能耗（kwh/cm3） × 10^6 ÷ 材料密度（kg/m3）= 我们的单位（kwh/kg）</p>

                        </div>
                    </div>
                    <div class="tab-pane" id="g3">
                        <div class="modal-body" style="height: 550px;">
                            <p><strong>运输Bom</strong>一共包含22列，分别为运输名称、运输工具、单位、地区、数据来源 、运输类型（陆运、水运）
                                、备注、煤、石油、天然气、co、co2、so2、nox、ch4、h2s、hcl、cod、nh3、cfc11、cfc12、cfc113
                            </p>

                            <p><strong>1、</strong> *运输名称：表示该运输的名字，该信息为后台计算匹配的唯一信息，不可缺失！</p>
                            <p><strong>2、</strong> 运输工具：表示该运输所使用的工具信息</p>
                            <p><strong>3、</strong> 单位：kg/km</p>
                            <p><strong>4、</strong> 地区：表示该运输数据来自哪个地区</p>
                            <p><strong>5、</strong> 数据来源：该信息你是从哪里搜集到的，请如实填写！</p>
                            <p><strong>6、</strong> 运输类型：陆运、水运、空运...</p>
                            <p><strong>7、</strong> 备注：用户备注</p>
                            <p><strong>8、</strong> *其他：环境排放的数值，小数位数最多支持20位,这些列的信息不可缺失！</p>
                            <p><strong>注：</strong>*号为必填内容，如果缺失将无法计算！</p>
                            <p><strong>注：</strong>此表中所有数据单位均为kg/km 无法变更，需要您自行转换输入！</p>

                        </div>
                    </div>
                    <div class="tab-pane" id="g4">
                        <div class="modal-body" style="height: 550px;">
                            <p><strong>材料Bom</strong>一共包含20列，分别为材料名称、类型（物质、能量、排放）、单位、地区、数据来源、备注
                                、煤、石油、天然气、co、co2、so2、nox、ch4、h2s、hcl、cod、nh3、cfc11、cfc12、cfc113
                            </p>

                            <p><strong>1、</strong> *材料名称：表示该运输的名字，该信息为后台计算匹配的唯一信息，不可缺失！</p>
                            <p><strong>2、</strong> 类型：该物质的类型（物质、能量、排放...）</p>
                            <p><strong>3、</strong> 单位：kg 固定不变 需要用户自行换算</p>
                            <p><strong>4、</strong> 地区：表示该物质数据来自哪个地区</p>
                            <p><strong>5、</strong> 数据来源：该信息你是从哪里搜集到的，请如实填写！</p>
                            <p><strong>7、</strong> 备注：用户备注</p>
                            <p><strong>8、</strong> *其他：环境排放的数值，小数位数最多支持20位,这些列的信息不可缺失！</p>
                            <p><strong>注：</strong>*号为必填内容，如果缺失将无法计算！</p>
                            <p><strong>注：</strong>此表中所有数据单位均为kg 无法变更，需要您自行转换输入！</p>
                        </div>
                    </div>
                </div>


            </div>

        </div>
    </div>
</div>

<script>
    jQuery(document).ready(function () {

        //提交新产品按钮
        $("#product_submit").on("click", function () {
            var pro_name = $("#pro_name").val();
            var pro_serial = $("#pro_serial").val();
            var pro_factory = $("#pro_factory").val();
            var pro_region = $("#pro_region").val();
            var pro_origin = $("#pro_origin").val();
            var pro_aim = $("#pro_aim").val();
            var pro_power = $("#pro_power").val();
            var pro_distance = $("#pro_distance").val();
            var pro_life = $("#pro_life").val();
            var pro_weight = $("#pro_weight").val();
            var pro_parameter = $("#pro_parameter").val();
            var pro_comments = $("#pro_comments").val();
            var pro_file = $("#pro_file").val();

            var datas=window.localStorage.getItem("data");

            function isRealNum(val){
                if(val === "" || val ==null){
                    return true;
                }else{
                    return isNaN(val);
                }
            }

            function isNoBlank(val) {
                if(val === "" || val ==null){
                    return true;
                }else{
                    return false;
                }
            }



            if(isNoBlank(pro_name)){
                alert("产品名称不能为空！");
                return false;
            }
            if(isNoBlank(pro_serial)){
                alert("产品系列号不能为空！");
                return false;
            }
            if(isNoBlank(pro_factory)){
                alert("产品厂家不能为空！");
                return false;
            }
            if(isNoBlank(pro_origin)){
                alert("产品产地不能为空！");
                return false;
            }
            if(isNoBlank(pro_aim)){
                alert("运输方式不能为空！");
                return false;
            }

            if(isRealNum(pro_power)){
                alert("产品额定功率不能为空！");
                return false;
            }
            if(isRealNum(pro_distance)){
                alert("产品运输距离不能为空！且必须是数字");
                return false;
            }
            if(isRealNum(pro_life)){
                alert("产品额定寿命不能为空！且必须是数字");
                return false;
            }

            if(isRealNum(pro_weight)){
                alert("产品重量不能为空！且必须是数字");
                return false;
            }


            $.ajax({
                type: "POST",
                url: "http://"+g_host+"/product/submitedit",
                contentType: "application/x-www-form-urlencoded",
                data: {
                    "pro_name": pro_name,
                    "pro_serial": pro_serial,
                    "pro_factory": pro_factory,
                    "pro_region": pro_region,
                    "pro_origin": pro_origin,
                    "pro_aim": pro_aim,
                    "pro_power": pro_power,
                    "pro_distance": pro_distance,
                    "pro_life": pro_life,
                    "pro_weight": pro_weight,
                    "pro_parameter": pro_parameter,
                    "pro_comments": pro_comments,
                    "pro_file":pro_file,
                    "pro_userid":userinfo.id,
                    "datas":datas
                },
                xhrFields: {
                    withCredentials: true
                }
                ,
                success: function (data) {
                    if (data.status == "success") {
                        alert("提交成功!")
                        window.localStorage.removeItem("data");
                        window.localStorage.removeItem("edit");
                        window.location.href="product-info.html";
                    } else {
                        alert("添加失败，原因为" + data.data.errMsg);
                    }
                }
                ,
                error: function (data) {
                    alert("添加失败，原因为" + data.responseText);
                }
            });
            return false;
        })




    });
</script>
<link rel="stylesheet" href="static/css/datatables.responsive.css">
<link rel="stylesheet" href="static/css/select2-bootstrap.css">
<link rel="stylesheet" href="static/css/select2.css">
<!-- Bottom Scripts -->
<script src="static/js/main-gsap.js"></script>
<script src="static/js/jquery-ui-1.10.3.minimal.min.js"></script>
<script src="static/js/bootstrap.js"></script>
<script src="static/js/joinable.js"></script>
<script src="static/js/resizeable.js"></script>
<script src="static/js/neon-api.js"></script>
<script src="static/js/jquery.dataTables.min.js"></script>
<script src="static/js/TableTools.min.js"></script>
<script src="static/js/dataTables.bootstrap.js"></script>
<script src="static/js/jquery.dataTables.columnFilter.js"></script>
<script src="static/js/lodash.min.js"></script>
<script src="static/js/datatables.responsive.js"></script>
<script src="static/js/select2.min.js"></script>
<script src="static/js/neon-chat.js"></script>
<script src="static/js/neon-custom.js"></script>
<script src="static/js/neon-demo.js"></script>
<script src="static/js/fileinput.js"></script>
<!--导入echarts库-->
<script src="https://cdn.staticfile.org/echarts/4.7.0/echarts.js"></script>

</body>

</html>